<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/color.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/demo/demo.css"/>
    <script type="text/javascript" src="js/jquery-easyui-1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>

    <script type="text/javascript" src="js/api/api.js"></script>
    <script type="text/javascript" src="js/pages/menuManage.js"></script>

    <style>
        html{
            height:100%;
        }
        body{
            height:100%;
        }
    </style>
</head>
<body>
    <div style="margin:0 0 10px 0;">
        <a href="javascript:void(0)" class="easyui-linkbutton c1"
           onclick="addItem()" style="width:120px">添加</a>
        <a href="javascript:void(0)" class="easyui-linkbutton c1"
           onclick="editItem()" style="width:120px">编辑</a>
        <a href="javascript:void(0)" class="easyui-linkbutton c5"
           onclick="removeItem()" style="width:120px">删除</a>
    </div>
    <div id="cc" style="width:100%;height:100%;" data-options="minHeight:500">
        <div data-options="region:'west'" style="width:300px;">
            <ul id="menuTree" class="easyui-tree"></ul>
        </div>
        <div data-options="region:'center'" title="菜单信息" style="padding:10px">
            <div class="easyui-panel" data-options="border:false"
                  style="width:100%;padding:30px 60px;height:auto;">
                <form id="ff">
                    <div style="margin-bottom:20px;display:none;">
                        <input class="easyui-textbox" name="id" style="width:100%;"
                               data-options="label:'菜单ID:'"/>
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" name="evpCode" style="width:100%"
                               data-options="label:'菜单编码:',required:true"/>
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" name="evpTitle" style="width:100%"
                               data-options="label:'菜单名称:',required:true"/>
                    </div>
                    <div style="margin-bottom:20px">
                        <!-- data-options="prompt:'Username',iconCls:'icon-man',iconWidth:38" -->
                        <input id="parentName" class="easyui-textbox" name="parentName" style="width:100%"
                               data-options="label:'父级菜单:',prompt:'双击菜单树获取父级菜单',readonly:true"/>
                    </div>
                    <div style="margin-bottom:20px;display:none;">
                        <input id="parentId" class="easyui-textbox" name="parentId" style="width:100%;"
                               data-options="label:'父级菜单ID:'" value="-1"/>
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" name="evpHref" style="width:100%;"
                               data-options="label:'资源路径:'"/>
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" name="description" style="width:100%;"
                               data-options="label:'菜单描述:'"/>
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-numberspinner" value="0" name="orderNum"
                               data-options="label:'菜单排序:',labelPosition:'left',spinAlign:'right'"
                               style="width:100%;"/>
                    </div>
                    <span style="margin:0 20px 40px 0">
                        <input class="easyui-radiobutton" name="enabled" value="0" label="可用:"/>
                    </span>
                    <span style="margin:0 20px 40px 0">
                        <input class="easyui-radiobutton" name="enabled" value="1" label="禁用:"/>
                    </span>
                </form>
                <div style="text-align:center;padding:5px 0">
                    <a id="submitButton" href="javascript:void(0)" class="easyui-linkbutton c1" onclick="submitForm()"
                       style="width:80px" data-options="">添加</a>
                    <a id="submitEditButton" href="javascript:void(0)" class="easyui-linkbutton c1" onclick="submitEditForm()"
                       style="width:80px;display:none" data-options="">编辑</a>
                    <a href="javascript:void(0)" class="easyui-linkbutton c7" onclick="clearForm()"
                       style="width:80px" data-options="">清空</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>